* {
    box-sizing: border-box;
    margin    : 0px;
    padding   : 0px;
}

body {
    -moz-user-select   : none;
    /* Firefox私有属性 */
    -webkit-user-select: none;
    /* WebKit内核私有属性 */
    -ms-user-select    : none;
    /* IE私有属性(IE10及以后) */
    -khtml-user-select : none;
    /* KHTML内核私有属性 */
    -o-user-select     : none;
    /* Opera私有属性 */
    user-select        : none;
    /* CSS3属性 */
    background-color   : rgb(55, 56, 60);
}

.logo {
    margin             : 200px auto;
    background-image   : url(../images/1.svg);
    background-repeat  : no-repeat;
    background-size    : 275px;
    background-position: center;
}

.logo1 {
    background-image : url(../images/2.svg);
    background-size  : 50px;
    background-repeat: no-repeat;
}

.kuang {
    width              : 300px;
    height             : 200px;
    margin             : auto;
    position           : relative;
    background-position: center;
}

.kuang img {
    width    : 300px;
    height   : 200px;
    position : absolute;
    animation: svg 1s linear infinite;
}

img:nth-child(1) {
    animation-duration: 30s;
}

img:nth-child(2) {
    animation-duration: 40s;
}

img:nth-child(3) {
    animation-duration: 50s;
}

img:nth-child(4) {
    animation-duration: 60s;
}

img:nth-child(5) {
    animation-duration: 70s;
}

img:nth-child(6) {
    animation-duration: 80s;
}

img:nth-child(7) {
    animation-duration: 90s;
}

img:nth-child(8) {
    animation-duration: 100s;
}

img:nth-child(9) {
    animation-duration: 110s;
}

img:nth-child(10) {
    animation-duration: 120s;
}

@keyframes svg {
    0% {}

    100% {
        transform: rotate(1turn);
    }
}